<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <title>社团管理系统/反馈</title>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="../static/home/css/bootstrap.css">
    <link rel="stylesheet" href="../static/home/css/themify-icons.css">
    <link rel="stylesheet" href="../static/home/css/flaticon.css">
    <link rel="stylesheet" href="../static/home/css/all.min.css">
    <link rel="stylesheet" href="#">
    <link rel="stylesheet" href="../static/home/css/animate.css">
    <!-- main css -->
    <link rel="stylesheet" href="../static/home/css/style.css">
    <link rel="stylesheet" href="../static/home/css/responsive.css">
</head>
<body>


    <!--================ Start header Top Area =================-->
    <section class="header-top">
        <div class="container">
            <div class="row align-items-center justify-content-between">
                <div class="col-6 col-lg-4">
                    <div class="float-left">
                        <ul class="header_social">

                        </ul>
                    </div>
                </div>
                <div class="col-6 col-lg-4 col-md-6 col-sm-6 logo2-wrapper">
                    <a href="index.html" class="logo2">
                        <img src="../static/home/picture/logo2.png" alt="">
                    </a>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-6 search-trigger">
                    <div class="right-button">
                        <ul>
                            <li><a id="search" href="javascript:void(0)"><i class="fas fa-search"></i></a></li>

                            <li><a href="/login">登录</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="search_input" id="search_input_box">
            <div class="container ">
                <form class="d-flex justify-content-between search-inner">
                    <input type="text" class="form-control" id="search_input" placeholder="Search Here">
                    <button type="submit" class="btn"></button>
                    <span class="ti-close" id="close_search" title="Close Search"></span>
                </form>
            </div>
        </div>
    </section>
    <!--================ End header top Area =================-->

    <!-- Start header Menu Area -->
    <header id="header" class="header_area">
        <div class="main_menu">
            <nav class="navbar navbar-expand-lg navbar-light">
                <div class="container">
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse offset" id="navbarSupportedContent">
                        <ul class="nav navbar-nav menu_nav ml-auto mr-auto">
                            <li class="nav-item active"><a class="nav-link" href="/front_home">主页</a></li>
                            <li class="nav-item"><a class="nav-link" href="/front_Community_display">社团</a></li>
                            <li class="nav-item"><a class="nav-link" href="/front_Wonderful_moments">精彩时刻</a></li>
                            <li class="nav-item submenu dropdown">
                                <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">动态</a>
                                <ul class="dropdown-menu">
                                    <li class="nav-item"><a class="nav-link" href="/front_dynamic">动态</a></li>
                                    <li class="nav-item"><a class="nav-link" href="/front_Message_Board">留言板</a></li>
                                </ul>
                            </li>
                            <li class="nav-item"><a class="nav-link" href="/front_dynamic">最新咨询</a></li>
                            <li class="nav-item"><a class="nav-link" href="/front_contact">联系我们</a></li>
                        </ul>
                    </div>
                </div>
            </nav>
        </div>
    </header>
    <!-- End header MEnu Area -->



 <!--================Home Banner Area =================-->
    <section class="banner_area">
      <div class="banner_inner d-flex align-items-center">
        <div class="container">
          <div class="banner_content d-md-flex justify-content-between align-items-center">
            <div class="mb-3 mb-md-0">
              <h2>联系我们</h2>
            </div>
            <div class="page_link">
              <a href="front_home.html">主页</a>
              <a href="">联系我们</a>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!--================End Home Banner Area =================-->


  <!-- ================ contact section start ================= -->
  <section class="contact-section area-padding">
    <div class="container">
      <div class="d-none d-sm-block mb-5 pb-4">
        <div id="map" style="height: 50px;"></div>
        <script>
          function initMap() {
            var uluru = {lat: -25.363, lng: 131.044};
            var grayStyles = [
              {
                featureType: "all",
                stylers: [
                  { saturation: -90 },
                  { lightness: 50 }
                ]
              },
              {elementType: 'labels.text.fill', stylers: [{color: '#ccdee9'}]}
            ];
            var map = new google.maps.Map(document.getElementById('map'), {
              center: {lat: -31.197, lng: 150.744},
              zoom: 9,
              styles: grayStyles,
              scrollwheel:  false
            });
          }

        </script>
        <!-- <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDpfS1oRGreGSBU5HHjMmQ3o5NLw7VdJ6I&callback=initMap"></script> -->

      </div>


      <div class="row">
        <div class="col-12">
          <h2 class="contact-title">取得联系</h2>
        </div>
        <div class="col-lg-8">
          <form class="form-contact contact_form" action="contact_process.php" method="post" id="联系我们Form" novalidate="novalidate">
            <div class="row">
              <div class="col-12">
                <div class="form-group">
                    <textarea class="form-control w-100" name="message" id="message" cols="30" rows="9" placeholder="输入信息"></textarea>
                </div>
              </div>
              <div class="col-sm-6">
                <div class="form-group">
                  <input class="form-control" name="name" id="name" type="text" placeholder="输入您的姓名">
                </div>
              </div>
              <div class="col-sm-6">
                <div class="form-group">
                  <input class="form-control" name="email" id="email" type="email" placeholder="你的邮箱地址">
                </div>
              </div>
              <div class="col-12">
                <div class="form-group">
                  <input class="form-control" name="subject" id="subject" type="text" placeholder="输入项目">
                </div>
              </div>
            </div>
            <div class="form-group mt-3">
              <button type="submit" class="button button-contactForm">输入信息</button>
            </div>
          </form>


        </div>

        <div class="col-lg-4">
          <div class="media contact-info">
            <span class="contact-info__icon"><i class="ti-home"></i></span>
            <div class="media-body">
              <h3>地址</h3>
              <p>重庆</p>
            </div>
          </div>
          <div class="media contact-info">
            <span class="contact-info__icon"><i class="ti-tablet"></i></span>
            <div class="media-body">
              <h3><a href="tel:454545654">123456</a></h3>
              <p>客服时间：上午8点到下午7点</p>
            </div>
          </div>
          <div class="media contact-info">
            <span class="contact-info__icon"><i class="ti-email"></i></span>
            <div class="media-body">
              <h3><a href="mailto:support@colorlib.com">邮箱地址</a></h3>
              <p>发送给我们你的邮箱地址</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- ================ contact section end ================= -->




    <!-- ================ Instargram Area Starts ================= -->

  <section class="instagram">
        <div class="row no-gutters">
            <div class="col-2">
                <a href=""><img src="../static/home/picture/重财生活 (1).png" alt=""></a>
            </div>
            <div class="col-2">
                <a href=""><img src="../static/home/picture/重财生活 (3).png" alt=""></a>
            </div>
            <div class="col-2">
                <a href=""><img src="../static/home/picture/重财生活 (4).png" alt=""></a>
            </div>
            <div class="col-2">
                <a href=""><img src="../static/home/picture/重财生活 (5).png" alt=""></a>
            </div>
            <div class="col-2">
                <a href=""><img src="../static/home/picture/重财生活4 (2).jpg" alt=""></a>
            </div>
            <div class="col-2">
                <a href=""><img src="../static/home/picture/重财14.png" alt=""></a>
            </div>
        </div>
    </section>
    <!-- ================ Instargram Area End ================= -->


    <!-- ================ start footer Area ================= -->
   <footer class="footer-area">
        <div class="container">
            <div class="row">

                <div class="col-lg-3 col-sm-6 mb-4 mb-xl-0 single-footer-widget">
                    <h4>关于我们</h4>
                    <p>我们是对理想有着执着追求的人，坚信是金子总会发光。</p>
                    <div class="footer-logo">
                        <img src="../static/home/picture/logo2.png" alt="">
                    </div>
                </div>

                <div class="col-lg-3 col-sm-6 mb-4 mb-xl-0 single-footer-widget">
                    <h4>联系方式</h4>
                    <div class="footer-address">
                        <p>地址 :重庆巴南区
                       </p>
                        <span>电话 : +123456</span>
                        <span>邮箱Email : shetuanguanli.com</span>
                    </div>
                </div>

                <div class="col-lg-3 col-sm-6 mb-4 mb-xl-0 single-footer-widget">
                    <h4>活跃平台</h4>
                    <ul>
                        <li><a href="#">QQ</a></li>
                        <li><a href="#">微信</a></li>
                        <li><a href="#">微博</a></li>
                        <li><a href="#">百度</a></li>
                        <li><a href="#">抖音</a></li>
                    </ul>
                </div>

                <div class="col-lg-3 col-sm-6 col-md-6 mb-4 mb-xl-0 single-footer-widget">
                    <h4>加入我们</h4>
                    <p>欢迎你！我们相信，公司因为你的加⼊⽽会更精彩更完美</p>

                    <div class="form-wrap" id="mc_embed_signup">
                        <form target="_blank" action="#" method="get">
                        <div class="input-group">
                            <input type="email" class="form-control" name="EMAIL" placeholder="Your Email Address" onfocus="this.placeholder = ''" onblur="this.placeholder = '你的地址 '">
                            <div class="input-group-append">
                                <button class="btn click-btn" type="submit">
                                    <i class="fab fa-telegram-plane"></i>
                                </button>
                            </div>
                        </div>
                        <div style="position: absolute; left: -5000px;">
                            <input name="b_36c4fd991d266f23781ded980_aefe40901a" tabindex="-1" value="" type="text">
                        </div>

                        <div class="info"></div>
                    </form>
                </div>

            </div>
        </div>
        <div class="footer-bottom row align-items-center text-center text-lg-left no-gutters">

        </div>
    </div>
</footer>
    <!--================End Contact Success and Error message Area =================-->






<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="../static/home/js/jquery-2.2.4.min.js"></script>
<script src="../static/home/js/popper.js"></script>
<script src="../static/home/js/bootstrap.min.js"></script>
<script src="../static/home/js/stellar.js"></script>
<script src="../static/home/js/jquery.magnific-popup.min.js"></script>
<script src="../static/home/js/jquery.ajaxchimp.min.js"></script>
<script src="../static/home/js/waypoints.min.js"></script>
<script src="../static/home/js/mail-script.js"></script>
<script src="../static/home/js/contact.js"></script>
<script src="../static/home/js/jquery.form.js"></script>
<script src="../static/home/js/jquery.validate.min.js"></script>
<script src="../static/home/js/mail-script.js"></script>
<script src="../static/home/js/theme.js"></script>
</body>
</html>